<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib  uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的订单_地友素品</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery1.42.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/publicNav.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/index.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<jsp:include page="../header.jsp" />
<!--********* [[导航菜单**********************--> 
  <!--菜单划过显示隐藏-->
  <script type="text/javascript">
    $(function(){
        $('#nav').hover(function(){
            $('.tit').show();
        },function(){
            $('.tit').hide(); 
        
        })
    })
    </script>
    <!--菜单划过显示隐]]-->
<div class="menuScroll w1000" style="height: auto;">
<div class="indexCont mainNavMenu w1000">
<jsp:include page="userNav.jsp" />
<script type="text/javascript">
  $(function(){
    $("#nav .tit").slide({
      type:"menu",
      titCell:".mod_cate",
      targetCell:".mod_subcate",
      delayTime:0,
      triggerTime:10,
      defaultPlay:false,
      returnDefault:true
    })
  })
</script>
<!--[[正文菜单处-->
<div class="dq_here">
	<a  class="first_q"href="javascript:;">我的素品 </a><code>&gt;</code>
	<a href="${pageContext.request.contextPath}/userAccount/index.jsp"target="_top">我的订单</a>
</div>
<!--[[main-cont-->
	<div class="userOrder w1000">
		<!--[[menuA-->
		<div class="menuA">
			<h1 class="m_top_tit"><a href="javascript:;">我的交易</a></h1>
			<h2 class="my_tt"><i class=""></i>交易管理</h2>
      <ul class="base_list" style="display: block;">
        <li class="selected">
          <a href="${pageContext.request.contextPath}/userAccount/order.jsp">我的订单</a>
        </li>
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/comment.jsp">我的评价</a>
        </li>
        <li class="">
          <a href="${pageContext.request.contextPath}/userAccount/integral.jsp">我的积分</a>
        </li>
      </ul>
      <h2 class="my_tt"><i class=""></i>账户管理</h2>
      <ul class="base_list" style="display: block;">
        <li  class="">
          <a href="${pageContext.request.contextPath}/userAccount/userInfo.jsp">个人资料</a>
        </li>
        <li>
          <a href="${pageContext.request.contextPath}/userAccount/accountSec.jsp">账户安全</a>
        </li>
        <li  class="selected">
          <a href="${pageContext.request.contextPath}/userAccount/addr.jsp">收货地址</a>
        </li>
      </ul>

		</div>
		<!--menuA]]-->
		
		<div class="contB ">
      <!--[[我的订单-->
      <div class="">
			 <div class="my-cont">
          <div class="cont-tit">
            <h2>我的订单</h2>
          </div>
          <div class="user_tab_all">
              <div class="user_tab_menu order-status">
                <span class="pre_tit">订单提醒：</span>
                <ul>
                  <li class="selected"><a href="javascript:;">所有订单（<em class="digit">1</em>）</a></li>
                  <li><a href="javascript:;">待付款（<em class="digit">1</em>）</a></li>
                  <li><a href="javascript:;">待发货（<em class="digit">0</em>）</a></li>
                  <li><a href="javascript:;">待收货（<em class="digit">0</em>）</a></li>
                  <li><a href="javascript:;">待评价（<em class="digit">0</em>）</a></li>
                </ul>
              </div>
              <div class="infro_user_box"> 
                 <div>
                    <div class="order_box">
                      <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_news" >
                        <thead>
                        <tr>
                          <th class="g_infro">商品信息</th>
                          <th class="g_money">订单金额</th>
                          <th class="g_opt">订单状态</th>
                          <th class="g_chos">订单操作</th>
                        </tr>
                      </thead>
                      	<c:forEach  items="${orders2}" var="orders2">
                      <tbody>
                      	
		                        <tr class="hr">
		                          <td colspan="4"><div style="padding-left:20px;">订单编号：<em>${orders2.ordercode}</em>
		                            <span class="dealtime" title="2014-10-18 21:59">订单时间：${orders2.shoptime}</span></div>
		                         </td>
		                        </tr>
		                        <tr>
		                          <td style="text-align:left;"><a class="pro-img" href="javascript:;"  style="float:left;">
		                            <img src="${pageContext.request.contextPath}/download.do?filename=${orders2.orderimg}" width="60" height="60"/></a>
		                            
		                            <span>${orders2.cartinfo }</span>
		                            </td>
		                          <td>
		                            <span class="price">￥${orders2.price}</span>
		                            <span class="way">购买数量:${orders2.howmany}</span>
		                          </td>
		                          <td>
		                            <div class="item-operate" style="z-index: 1;">待付款</div>
		                          </td>
		                          <td>
		                            <a href="javascript:;" target="_blank" class="pay_btn"><span>提交订单</span></a>
		                            <a href="${pageContext.request.contextPath}/orderdelete.do?id=${orders2.id}" target="_blank" class="str_link"><span>取消订单</span></a>
		                          </td>
		                        </tr>
						                      
                      </tbody>
                      </c:forEach>	  
                      </table>
                    </div>
                 </div>
                 <div class="hide">
                  <div class="order_box">
                      <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_news" >
                        <thead>
                        <tr>
                          <th class="g_infro">商品信息</th>
                          <th class="g_money">订单金额</th>
                          <th class="g_opt">订单状态</th>
                          <th class="g_chos">订单操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr class="hr">
                          <td colspan="4"><div style="padding-left:20px;">订单编号：<em>832828967660440</em>
                            <span class="dealtime" title="2014-10-18 21:59">订单时间：2014-10-19 11:38:05</span></div>
                         </td>
                        </tr>
                        <tr>
                          <td style="text-align:left;"><a class="pro-img" href="javascript:;">
                            <img src="../images/showCart1.jpg" width="60" height="60"></a></td>
                          <td>
                            <span class="price">￥40.00</span>
                            <span class="way">在线支付</span>
                          </td>
                          <td>
                            <div class="item-operate" style="z-index: 1;">已取消</div>
                          </td>
                          <td>
                            <a href="javascript:;" target="_blank" class="pay_btn"><span>立即支付</span></a>
                            <a href="javascript:;" target="_blank" class="str_link"><span>订单详情</span></a>
                          </td>
                        </tr>
                      </tbody>
                      </table>
                    </div>
                 </div>
                 <div class="hide">
                  <div class="order_box">
                      <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_news" >
                        <thead>
                        <tr>
                          <th class="g_infro">商品信息</th>
                          <th class="g_money">订单金额</th>
                          <th class="g_opt">订单状态</th>
                          <th class="g_chos">订单操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td colspan="4" class="no">
                            <div class="no_order">未找到相关记录，这就去<a href="javascript:;" target="_blank" class="go_good">挑选商品&gt;&gt;</a></div>
                          </td>
                        </tr>
                      </tbody>
                      </table>
                    </div>
                 </div>
                 <div class="hide">
                  <div class="order_box">
                      <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_news" >
                        <thead>
                        <tr>
                          <th class="g_infro">商品信息</th>
                          <th class="g_money">订单金额</th>
                          <th class="g_opt">订单状态</th>
                          <th class="g_chos">订单操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td colspan="4" class="no">
                            <div class="no_order">未找到相关记录，这就去<a href="javascript:;" target="_blank" class="go_good">挑选商品&gt;&gt;</a></div>
                          </td>
                        </tr>
                      </tbody>
                      </table>
                    </div>
                 </div>
                 <div class="hide">
                  <div class="order_box">
                      <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_news" >
                        <thead>
                        <tr>
                          <th class="g_infro">商品信息</th>
                          <th class="g_money">订单金额</th>
                          <th class="g_opt">订单状态</th>
                          <th class="g_chos">订单操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td colspan="4" class="no">
                            <div class="no_order">未找到相关记录，这就去<a href="javascript:;" target="_blank" class="go_good">挑选商品&gt;&gt;</a></div>
                          </td>
                        </tr>
                      </tbody>
                      </table>
                    </div>
                 </div>
              </div>
            </div>
             </div>
            <script type="text/javascript" >
            //<![CDATA[
              $(function(){
                  var $div_li =$(".user_tab_menu ul li");
                  $div_li.click(function(){
                  $(this).addClass("selected")            //当前<li>元素高亮
                       .siblings().removeClass("selected");  //去掉其它同辈<li>元素的高亮
                        var index =  $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
                  $(".infro_user_box > div")    //选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
                      .eq(index).show()   //显示 <li>元素对应的<div>元素
                      .siblings().hide(); //隐藏其它几个同辈的<div>元素
                })
              })
            //]]>
            </script>
       </div>
      <!--我的订单]]-->
      <!--[[评价-->
			 <div class="hide">
          <div class="cont-tit">
            <h2>商品评价</h2>
          </div>
          <div class="order_box">
              <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_pjs">
                <thead>
                <tr>
                  <th class="g_infro">商品名称</th>
                  <th class="g_time">购买时间</th>
                  <th class="g_pj">发表评价</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <p class="auction">
                      <a href="javascript:;" target="_blank">
                      LEnRuE/蓝悦S07小音箱电脑音箱 笔记本多媒体迷你便黑龙江联通20元面值 24小时自动充值 即时到账
                      </a>
                      <span class="price"><em>29.0</em>元</span>
                  </p>
                  </td>
                  <td><span class="date">[2014-08-15 09:02:50]</span></td>
                  <td>
                      <p class="rate">
                        很小，很精致，方便携带，这个价格，这个音质，也可以了，对得起这个价，很喜欢，希望用的用久一点，
                      </p>
                  </td>
                </tr>
              </tbody>
              </table>
              <table width="100%" cellpadding="0" cellspacing="0" border="0" class="tb_no_pjs" style="display:none;">
                <thead>
                <tr>
                  <th class="g_infro">商品名称</th>
                  <th class="g_time">购买时间</th>
                  <th class="g_pj">发表评价</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td colspan="3">
                    <p class="no_p">暂无评价商品</p>
                  </td>
                </tr>
              </tbody>
              </table>
            </div>
       </div>
       <!--评价]]-->
       <!--[[积分-->
			 <div class="dg_width hide">
          <div class="cont-tit">
            <h2>我的积分</h2>
          </div>
          <div class="intr_box">
            <table width="100%" cellpadding="0" cellspacing="0" border="0" class="table_integral">
                <tbody>
                  <tr>
                    <td  class="intergral_tb2">
                         <div class="msg">
                        <div class="hd">
                           <span class="fl">您目前的会员积分：0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;可用积分：0</span>
                           <div class="qus">
                             <a href="#" class="light_red">[ ? ]</a>
                          <!--   <div class="tooltips_txt lineheight2 hidden">
                              <p><strong>所获积分和可用积分为什么不同？</strong></p>
                              <p>当您产生一笔消费后，该笔消费的积分将赠送到您的帐户，但处于冻结状态，该笔订单所得消费积分暂不可用。若此期间无发生退货，则您的订单状态变为"已完成"后该笔积分即可使用；若此期间产生退货，则剩余积分在您的订单状态变为"已退款"后该笔积分即可使用。
                              </p>
                            </div> -->
                          </div>
                           <a href="javascript:;" class="light_red">马上兑换礼品&gt;&gt;</a>
                        </div>
                        <p class="msg_p">（1）订单发货后（订单状态变为"已发货"），可收到相应积分；</p>
                        <p class="msg_p">（2）如果发生退货的情况，将扣除所退商品的相应积分；如果该商品产生的双倍积分、消费积分，也会因为退货而全部扣回。</p>
                        <p class="msg_p">（3）邀请人必须成功购买过（判断标准：历史订单中有“已完成”状态的订单），才能赠送邀请积分。</p>
                       </div>

                    </td>
                  </tr>
                  <tr>
                    <td class="intergral_tb">
                      <div class="integral_able">
                        <p>可用的积分</p>
                        <em>0</em>
                      </div>
                      <div class="integral_able">
                        <p>累计积分</p>
                        <em>0</em>
                      </div>
                      <div class="int_Exchange">
                        <a href="javascript:;" target="_blank">兑换超值商品与优惠劵</a>
                        </div>
                    </td>
                  </tr>
                </tbody>
            </table>
          </div>
          <div class="order_box_inter">
            <div class="sec_tit">
              <span>最新兑换推荐</span>
            </div>
            <ul class="integral_exc_good">
              <li>
                <div class="JPpic">
                  <a href="#"><img src="../images/ahimg5.jpg" width="230" height="230"></a>
                </div>
                 <div class="JPname">
                    <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg</a>
                </div>
                <div class="inter_price">
                    <font>300</font>
                    <em>积分</em>
                </div>
              </li>
              <li>
                <div class="JPpic">
                  <a href="#"><img src="../images/ahimg5.jpg" width="230" height="230"></a>
                </div>
                 <div class="JPname">
                    <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg</a>
                </div>
                <div class="inter_price">
                    <font>300</font>
                    <em>积分</em>
                </div>
              </li>
              <li>
                <div class="JPpic">
                  <a href="#"><img src="../images/ahimg5.jpg" width="230" height="230"></a>
                </div>
                 <div class="JPname">
                    <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg</a>
                </div>
                <div class="inter_price">
                    <font>300</font>
                    <em>积分</em>
                </div>
              </li>
              <li>
                <div class="JPpic">
                  <a href="#"><img src="../images/ahimg5.jpg" width="230" height="230"></a>
                </div>
                 <div class="JPname">
                    <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg</a>
                </div>
                <div class="inter_price">
                    <font>300</font>
                    <em>积分</em>
                </div>
              </li>

            </ul>
          </div>
       </div>
       <!--积分]]-->
       <div class="hide"></div>
       <!--[[个人资料-->
       <div class="hide">
          <div class="cont-tit">
            <h2>个人资料</h2>
          </div>
          <div class="personal_data">
            <div class="personal_head">
                请完善您的个人信息，天天网会对您的个人资料隐私加以保密。（带*号的项目为必填项）
            </div>
            <table  class="personal_data_infro" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td class="o_label"><i>*</i><label>昵称：</label></td>
            <td>
              <input type="text" placeholder="姓名，如张三，Lily" class="order_input"size="22" maxlength="14" value="">
            </td>
          </tr>
          
          <tr>
            <td class="o_label"><i>*</i><label>真实姓名：</label></td>
            <td>
              <input type="text" placeholder="姓名，如张三，Lily" class="order_input"size="22" maxlength="14" value="">
            </td>
          </tr>
          <tr>
            <td class="o_label"><i>*</i><label>出生日期：</label></td>
            <td>
              <input class="laydate-icon" onclick="laydate()" style="padding: 2px 0;margin-bottom: 10px;margin-right: 5px;width: 161px;">
              <script>
                $(function(){
                   laydate({
                   elem: '#demo'
                })
                })
              </script>
              <script src="../laydate/laydate.js" type="text/javascript"></script>
            </td>
          </tr>
          <tr>
            <td class="o_label"><i>*</i><label>Email：</label></td>
            <td>
              <input type="text" placeholder="姓名，如张三，Lily" class="order_input"size="22" maxlength="14" value="">
            </td>
          </tr>
          <tr>
            <td class="o_label"><i>*</i><label>手机：</label></td>
            <td>
              <input type="text" placeholder="" class="order_input"size="22" maxlength="6" value="">
            </td>
          </tr>
          <tr>
            <td class="o_label"><i>*</i><label>性别：</label></td>
            <td>
              <input type="radio" id="man"name="radio1" value="男" class="com_input"><label for="man">男</label>&nbsp;&nbsp;
              <input type="radio" id="wman"name="radio1" value="女" class="com_input"><label for="wman">女</label>
            </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td  class="pad_btn">
                <div class="act" style="font-size: 14px; padding: 5px;padding-left: 0px;">
                    <input type="submit" value="保存" class="save_btn">
                </div>
            </td>
          </tr>
        </table>
        </div>
       </div>
       <!--个人资料]]-->
       <!--[[账户安全-->
       <div class="hide">
          <div class="cont-tit">
            <h2>账户安全</h2>
          </div>
          <div class="account_security_box">
              <ul class="list_h_info">
                <li><span class="attr">登录帐号：</span>782483290</li>
                <li><span class="attr">上次登录：</span>2014年10月20日 15:13 <span class="change_pow">（不是您登录的？请立即<a href="javascript:;" target="_blank">更改密码</a>）</span></li>
              </ul>
              <div class="rity_list">
                <div class="set_title">全部安全设置</div>
                <div class="s_rank">当前安全等级：<strong class="s_level">低</strong><span class="s_tips">(建议您开启全部安全设置，以保障账户及资金安全)</span></div>
                <div class="sec_set_list">
                  <table width="845" border="0" cellspacing="0" cellpadding="0">
                    <tr class="sec_email">
                      <td class="sec_ico">
                        <span>
                          <i></i>绑定邮箱
                        </span>
                      </td>
                      <td class="txt">
                        <span>
                        <p class="explain">
                          绑定后，可使用验证邮箱快速找回密码，安全性更高。</p>
                        </span>
                      </td>
                      <td class="oper">
                        <a class="bind_btn" href="javascript:;">立即绑定</a>
                      </td>
                    </tr>
                    <tr class="sec_phone">
                      <td class="sec_ico">
                        <span>
                          <i></i>绑定手机
                        </span>
                      </td>
                      <td class="txt">
                        <span>
                        <p class="explain">
                          绑定后，可用于快速找回登录密码及支付密码，资金变动会短信提醒您。</p>
                        </span>
                      </td>
                      <td class="oper">
                        <a class="bind_btn" href="javascript:;">立即绑定</a>
                      </td>
                    </tr>
                    <tr class="login_pwd">
                      <td class="sec_ico">
                        <span>
                          <i></i>支付密码
                        </span>
                      </td>
                      <td class="txt">
                        <span>
                        <p class="explain">
                          修改,安全性高的密码可以使账户更安全，建议您定期更换密码</p>
                        </span>
                      </td>
                      <td class="oper">
                        <a class="bind_btn" href="javascript:;">立即修改</a>
                      </td>
                    </tr>
                  </table>
                </div>
            </div>
         </div>
       </div>
       <!--账户安全]]-->
       <!--[[收货地址-->
       <div class="hide">
           <!--[[修改与删除-->
            <script type="text/javascript">
              function isModify(){
                $('#addressNew').show();
                    $('.addAddress').hide();
                    $('.modifyAddress').show();
              }
              function isAdd(){
                $('#addressNew').show();
                    $('.modifyAddress').hide();
                    $('.addAddress').show();
              }
              $(function(){
                  $('.delete_ico').click(function(){
                    if(true){
                      $(this).parent().parent().remove();
                     }
                })
              })
              function isCancel(){
                $('#addressNew').hide();
              }

            </script>
            <!--[[修改与删除-->
          <div class="cont-tit">
            <h2>收货地址</h2>
          </div>
          <div class="sh_address_box">
            <div class="yy_address">
              <table width="850" cellpadding="0" cellspacing="0" border="0" class="tb_news">
                  <thead>
                  <tr>
                    <th class="s_name">收货人</th>
                    <th class="s_addr">收件地址</th>
                    <th class="s_tel">手机号码</th>
                    <th class="s_postal">邮编</th>
                    <th class="s_opt">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>刘冰</td>
                    <td class="infro_td">河北省-秦皇岛市-海港区 东大直街88</td>
                    <td>15245166888</td>
                    <td>445454</td>
                    <td>
                      <a class="modify_ico" href="javascript:;" onclick="isModify()">修改</a>&nbsp;|&nbsp;
                      <a class="delete_ico" href="javascript:;" onclick="return confirm(&quot;确认删除？&quot;);">删除</a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!--[[新增按钮-->
            <div class="address_add">
              <a href="javascript:void(0);" onclick="isAdd()" class="add_btn">添加新地址</a>
            </div>
            <!--新增按钮]]-->
            <!--[[新增收货人信息-->
             <!--[[省份-->
             <div class="news_addr" id="addressNew" style="display:none;">
              <h2 class="name_addr">
                <span class="addAddress" style="display: none;">新增收货地址</span>
                <span class="modifyAddress" style="display: none;">修改收货地址</span>
              </h2>
              <script type="text/javascript">
                $(function (){
                  initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '44', '0', '0');
                });

                //得到地区码
                function getAreaID(){
                  var area = 0;          
                  if($("#seachdistrict").val() != "0"){
                    area = $("#seachdistrict").val();                
                  }else if ($("#seachcity").val() != "0"){
                    area = $("#seachcity").val();
                  }else{
                    area = $("#seachprov").val();
                  }
                  return area;
                }

                function showAreaID() {
                  //地区码
                  var areaID = getAreaID();
                  //地区名
                  var areaName = getAreaNamebyID(areaID) ;
                  alert("您选择的地区码：" + areaID + "      地区名：" + areaName);            
                }

                //根据地区码查询地区名
                function getAreaNamebyID(areaID){
                  var areaName = "";
                  if(areaID.length == 2){
                    areaName = area_array[areaID];
                  }else if(areaID.length == 4){
                    var index1 = areaID.substring(0, 2);
                    areaName = area_array[index1] + " " + sub_array[index1][areaID];
                  }else if(areaID.length == 6){
                    var index1 = areaID.substring(0, 2);
                    var index2 = areaID.substring(0, 4);
                    areaName = area_array[index1] + " " + sub_array[index1][index2] + " " + sub_arr[index2][areaID];
                  }
                  return areaName;
                }
                </script>
                <!--省份]]-->
              <table  class="o_layout" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="o_label"><i>*</i><label>收件人姓名：</label></td>
                  <td>
                    <input type="text" placeholder="姓名，如张三，Lily" class="order_input"size="22" maxlength="14" value="">
                  </td>
                </tr>
                
                <tr>
                  <td class="o_label"><i>*</i><label>省市区：</label></td>
                  <td>
                     <select id="seachprov" class="sf_input"name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>&nbsp;&nbsp;
                    <select id="seachcity" class="sf_input" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;&nbsp;
                    <span id="seachdistrict_div">
                      <select id="seachdistrict" class="sf_input" name="seachdistrict"></select>
                    </span>
                    <input type="button"  value="获取地区" onClick="showAreaID()"/>
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>街道地址：</label></td>
                  <td>
                     <input type="text" placeholder="具体街道地址" class="order_input" value=""size="70"maxlength="50">
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>邮政编码：</label></td>
                  <td>
                    <input type="text" placeholder="" class="order_input"size="22" maxlength="6" value="">
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>手机号码：</label></td>
                  <td>
                    <input type="text" placeholder="请填写11位手机号码" class="order_input"size="22"maxlength="11" value="">
                  </td>
                </tr>
                <tr>
                  <td class="o_label"><i>*</i><label>固定电话：</label></td>
                  <td>
                      <input type="text" size="5"  class="order_input" maxlength="4"> -
                      <input type="text" size="10" class="order_input" maxlength="8"> -
                      <input type="text" size="5"  class="order_input" maxlength="8">
                  </td>
                </tr>
                <tr>
                  <td style="text-align:right;"></td>
                  <td style="text-align:left;color:#999;">两者至少填一项</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td  class="pad_btn">
                      <div class="act" style="font-size: 14px; padding: 5px;padding-left: 0px;">
                          <input type="submit" value="保存收货地址" class="save_btn">
                          <a style="" href="#" class="cancel_btn" onclick="isCancel()">取消</a>
                      </div>
                  </td>
                </tr>
              </table>
              <script src="../js/Area.js" type="text/javascript"></script>
              <script src="../js/AreaData_min.js" type="text/javascript"></script>
            </div>
            <!--新增收货人信息]]-->
            </div>
            </div>
           <!--收货地址]]-->
    		</div>
    	</div>

    	<script type="text/javascript" >
    //<![CDATA[
    	$(function(){
    	    var $div_li =$("div.menuA ul li");
    	    $div_li.click(function(){
    			
          if($(this).hasClass('re_sel')){
            $(this).removeClass('selected');
            return false;
          }else {
            $(this).addClass("selected").siblings().removeClass("selected"); 
          }
          var index =  $div_li.index(this); 
    			$(".contB > div").eq(index).show().siblings().hide();
    		})
    	})
    //]]>
</script>

<div class="hot_dan w1000">
  <div class="hot_hed w1000">
    <h2>热卖单品</h2>
  </div>
  <div class="hd_box w1000">
    <ul>
      <li>
          <div class="JPpic">
            <a href="#"><img src="../images/ahimg5.jpg" width="230" height="230"></a>
          </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
        <li>
          <div class="JPpic"> <a href="#"><img src="../images/ahimg4.jpg" width="230" height="230" /></a> </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
        <li>
          <div class="JPpic">
            <a href="#"><img src="../images/ahimg3.jpg" width="230" height="230"></a>
          </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
        <li>
          <div class="JPpic">
            <a href="#"><img src="../images/ahimg2.jpg" width="230" height="230"></a>
          </div>
          <div class="JPprice">
              <font>￥10.80</font>
              <s>16.80</s>
          </div>
          <div class="JPname">
              <a href="#" title="智利加力苹果550g以上（4粒装） 果皮薄、口感酥脆、气味芬芳，有&quot;记忆力之果&quot;的美称。">极品五常稻花香米2.5kg极品五常稻花香米2.5kg极品五常稻花香米2.5kg<br>皮薄肉甜 口感酥脆</a>
          </div>
        </li>
    </ul>

  </div>

</div>
<!--main-cont]]-->
<!--正文菜单处]]-->
</div>
</div>
<!--********* 导航菜单]]**********************--> 
<!--footer搜索-->
<div class="indexContFooter"> 
  <!--footer搜索end--> 
  <!--底层foot-start-->
  <div class="footer">
    <div class="foot-cont">
      <dl class="fore1">
        <dt><b></b><strong>购物指南</strong></dt>
        <dd>
          <div><a href="#">购物流程</a></div>
          <div><a href="#">会员介绍</a></div>
          <div><a href="#">团购/机票</a></div>
          <div><a href="#">常见问题</a></div>
          <div><a href="#">大家电</a></div>
          <div><a href="#">联系客服</a></div>
        </dd>
      </dl>
      <dl class="fore2">
        <dt><b></b><strong>配送方式</strong></dt>
        <dd>
          <div><a href="#">上门自提</a></div>
          <div><a href="#">211限时达</a></div>
          <div><a href="#">配送服务查询</a></div>
          <div><a href="#">配送费收取标准</a></div>
          <div><a href="#">海外配送</a></div>
        </dd>
      </dl>
      <dl class="fore3">
        <dt><b></b><strong>支付方式</strong></dt>
        <dd>
          <div><a href="javascript:;">货到付款</a></div>
          <div><a href="javascript:;" >在线支付</a></div>
          <div><a href="javascript:;" >分期付款</a></div>
          <div><a href="javascript:;" >邮局汇款</a></div>
          <div><a href="javascript:;" >公司转账</a></div>
        </dd>
      </dl>
      <dl class="fore4">
        <dt><b></b><strong>售后服务</strong></dt>
        <dd>
          <div><a href="javascript:;" >售后政策</a></div>
          <div><a href="javascript:;">价格保护</a></div>
          <div><a href="javascript:;">退款说明</a></div>
          <div><a href="javascript:;">返修/退换货</a></div>
          <div><a href="javascript:;">取消订单</a></div>
        </dd>
      </dl>
    </div>
    <div class="footer_center">
      <div class="links"> <a href="javascript:;">关于我们</a>| <a href="javascript:;">联系我们</a>| <a href="javascript:;">友情链接</a>| <a href="javascript:;">免责条款</a>| <a href="javascript:;">广告服务</a>| <a href="javascript:;">食品流通许可证</a>| <a href="javascript:;">营业执照</a> </div>
    </div>
    <div class="footer_copyright">
      <p> Copyright © 2014-2019 5RICE.吾米网 版权所有 黑ICP备11002788号 保留一切权利。 客服热线：400-400-5555 </p>
      <p>京公网安备 110105001608 | 京ICP证111033号 | 食品流通许可证 SP1101051110165515（1-1） | 营业执照</p>
    </div>
    <div class="footer_cx">
      <p> <a href="javascript:;"><img src="../images/footerbomC.png" width="112"height="40"></a> <a href="javascript:;"><img src="../images/footerbomX.gif" width="112"height="40"></a> </p>
    </div>
  </div>
</div>
<!--底层foot]]-->
</body>
</html>
